<template>
  <div class="mains" @click="fun()">
    <span :class="texta"></span>
    <p>{{ textb }}</p>
  </div>
</template>

<script>
export default {
  props: ["texta", "textb","textc"],
  methods:{
    fun(){
      this.$router.push(this.textc)
    }
  }
};
</script>

<style scoped>
.mains {
  width: 0.58rem;
  font-size: 0.1rem;
  text-align: center;
}
.mains span {
  display: block;
  font-size: 0.2rem;
}
.mains p {
  padding-top: 0.12rem;
  font-size: 0.1rem;
}
</style>